.row:after {
  clear: both;
  display: block;
  content: " ";
  height: 0px;
  width: 0px;
}
.row:before {
  clear: both;
  display: block;
  content: " ";
  height: 0px;
  width: 0px;
}
.col-1 {
  width: 4.16666667%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-1 {
  margin-left: 4.16666667%;
}
.col-2 {
  width: 8.33333333%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-2 {
  margin-left: 8.33333333%;
}
.col-3 {
  width: 12.5%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-3 {
  margin-left: 12.5%;
}
.col-4 {
  width: 16.66666667%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-4 {
  margin-left: 16.66666667%;
}
.col-5 {
  width: 20.83333333%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-5 {
  margin-left: 20.83333333%;
}
.col-6 {
  width: 25%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-6 {
  margin-left: 25%;
}
.col-7 {
  width: 29.16666667%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-7 {
  margin-left: 29.16666667%;
}
.col-8 {
  width: 33.33333333%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-8 {
  margin-left: 33.33333333%;
}
.col-9 {
  width: 37.5%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-9 {
  margin-left: 37.5%;
}
.col-10 {
  width: 41.66666667%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-10 {
  margin-left: 41.66666667%;
}
.col-11 {
  width: 45.83333333%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-11 {
  margin-left: 45.83333333%;
}
.col-12 {
  width: 50%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-12 {
  margin-left: 50%;
}
.col-13 {
  width: 54.16666667%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-13 {
  margin-left: 54.16666667%;
}
.col-14 {
  width: 58.33333333%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-14 {
  margin-left: 58.33333333%;
}
.col-15 {
  width: 62.5%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-15 {
  margin-left: 62.5%;
}
.col-16 {
  width: 66.66666667%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-16 {
  margin-left: 66.66666667%;
}
.col-17 {
  width: 70.83333333%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-17 {
  margin-left: 70.83333333%;
}
.col-18 {
  width: 75%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-18 {
  margin-left: 75%;
}
.col-19 {
  width: 79.16666667%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-19 {
  margin-left: 79.16666667%;
}
.col-20 {
  width: 83.33333333%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-20 {
  margin-left: 83.33333333%;
}
.col-21 {
  width: 87.5%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-21 {
  margin-left: 87.5%;
}
.col-22 {
  width: 91.66666667%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-22 {
  margin-left: 91.66666667%;
}
.col-23 {
  width: 95.83333333%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-23 {
  margin-left: 95.83333333%;
}
.col-24 {
  width: 100%;
  float: left;
  min-height: 1px;
  box-sizing: border-box;
}
.offset-24 {
  margin-left: 100%;
}
@media (min-width: 960px) {
  .d-col-1 {
    width: 4.16666667%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-1 {
    margin-left: 4.16666667%;
  }
}
@media (min-width: 960px) {
  .d-col-2 {
    width: 8.33333333%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-2 {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 960px) {
  .d-col-3 {
    width: 12.5%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-3 {
    margin-left: 12.5%;
  }
}
@media (min-width: 960px) {
  .d-col-4 {
    width: 16.66666667%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-4 {
    margin-left: 16.66666667%;
  }
}
@media (min-width: 960px) {
  .d-col-5 {
    width: 20.83333333%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-5 {
    margin-left: 20.83333333%;
  }
}
@media (min-width: 960px) {
  .d-col-6 {
    width: 25%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-6 {
    margin-left: 25%;
  }
}
@media (min-width: 960px) {
  .d-col-7 {
    width: 29.16666667%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-7 {
    margin-left: 29.16666667%;
  }
}
@media (min-width: 960px) {
  .d-col-8 {
    width: 33.33333333%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-8 {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 960px) {
  .d-col-9 {
    width: 37.5%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-9 {
    margin-left: 37.5%;
  }
}
@media (min-width: 960px) {
  .d-col-10 {
    width: 41.66666667%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-10 {
    margin-left: 41.66666667%;
  }
}
@media (min-width: 960px) {
  .d-col-11 {
    width: 45.83333333%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-11 {
    margin-left: 45.83333333%;
  }
}
@media (min-width: 960px) {
  .d-col-12 {
    width: 50%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-12 {
    margin-left: 50%;
  }
}
@media (min-width: 960px) {
  .d-col-13 {
    width: 54.16666667%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-13 {
    margin-left: 54.16666667%;
  }
}
@media (min-width: 960px) {
  .d-col-14 {
    width: 58.33333333%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-14 {
    margin-left: 58.33333333%;
  }
}
@media (min-width: 960px) {
  .d-col-15 {
    width: 62.5%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-15 {
    margin-left: 62.5%;
  }
}
@media (min-width: 960px) {
  .d-col-16 {
    width: 66.66666667%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-16 {
    margin-left: 66.66666667%;
  }
}
@media (min-width: 960px) {
  .d-col-17 {
    width: 70.83333333%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-17 {
    margin-left: 70.83333333%;
  }
}
@media (min-width: 960px) {
  .d-col-18 {
    width: 75%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-18 {
    margin-left: 75%;
  }
}
@media (min-width: 960px) {
  .d-col-19 {
    width: 79.16666667%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-19 {
    margin-left: 79.16666667%;
  }
}
@media (min-width: 960px) {
  .d-col-20 {
    width: 83.33333333%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-20 {
    margin-left: 83.33333333%;
  }
}
@media (min-width: 960px) {
  .d-col-21 {
    width: 87.5%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-21 {
    margin-left: 87.5%;
  }
}
@media (min-width: 960px) {
  .d-col-22 {
    width: 91.66666667%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-22 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 960px) {
  .d-col-23 {
    width: 95.83333333%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-23 {
    margin-left: 95.83333333%;
  }
}
@media (min-width: 960px) {
  .d-col-24 {
    width: 100%;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
  }
  .d-offset-24 {
    margin-left: 100%;
  }
}
[class^=col-] {
  min-height: 50px;
}
.container {
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .d-hidden {
    display: none!important;
  }
}
@media (max-width: 1200px) {
  .container {
    padding: 5px!important;
  }
}
@media (max-width: 768px) {
  .m-hidden {
    display: none!important;
  }
}
